﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hui</title>
    <link href="../../../css/Hui.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    </style>
</head>
<body>
    <div class="H-padding-vertical-both-10 H-padding-horizontal-both-5 H-theme-background-color-white">
        <div class="H-search H-flexbox-horizontal H-box-sizing-border-box  H-overflow-hidden H-position-relative">
            <div class="H-position-absolute H-z-index-100 H-width-100-percent H-height-100-percent H-vertical-middle H-text-align-center H-theme-font-color-999  H-border-radius-15" id="ser"><span class="H-display-block H-width-100-percent H-font-size-14"><i class="H-iconfont H-icon-search H-font-size-14"></i> 搜索关键字</span></div>
            <input type="search" name="keyword" id="ipt" class="H-border-none  H-border-radius-15 H-theme-background-color-f4f4f4 H-flex-item H-font-size-14 H-padding-horizontal-both-10 H-padding-vertical-both-5 H-theme-background-color-f4f4f4" /><span class="H-display-block H-font-size-14 H-vertical-middle H-theme-font-color1 H-padding-horizontal-both-10 btn" style="display:none;">取消</span>
        </div>
    </div>
    <div class="H-qq-list">
        <div class="H-qq-item H-vertical-middle H-overflow-hidden">
            <div class="H-flexbox-horizontal H-box-sizing-border-box H-theme-background-color-white H-border-vertical-bottom-after H-clear-both H-padding-horizontal-both-10 H-padding-vertical-both-8 H-touch-active">
                <div style="width:50px;height:50px;"><img src="../../../image/logo.png" class="H-width-100-percent H-height-100-percent H-display-block H-border-radius-circle H-border-both" /></div>
                <div class="H-flex-item H-padding-horizontal-both-10 H-vertical-middle H-overflow-hidden">
                    <div class="H-width-100-percent">
                        <strong class="H-font-weight-normal H-display-block H-font-weight-500 H-font-size-16 H-text-show-row-1">Hui官方</strong>
                        <div class="H-theme-font-color-999 H-font-size-14 H-padding-vertical-top-3 H-text-show-row-1">一切从简，只为了更懒！Hui是新生帝个人开发，版权所有为中山赢友网络科技有限公司，Hui基于最新的HTML5，CSS3，ECMAScript开发，并且是一款非常棒的开源项目。也希望更多开发者能够参与进来，一起完善她，成就她！</div>
                    </div>
                </div>
                <div class="H-font-size-12 H-theme-font-color-999 white-space-nowrap H-text-align-right">
                    <label class="H-display-block">12:30</label>
                    <span class="H-badge H-display-inline-block H-margin-vertical-top-8"><label class="H-display-inline-block H-vertical-middle H-theme-background-color1 H-theme-font-color-white H-font-size-12">24</label></span>
                </div>
            </div>
            <div class="H-qq-menu H-vertical-middle H-position-relative H-overflow-hidden">
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color1 H-display-block H-theme-font-color-white white-space-nowrap">置顶</div>
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color-red H-display-block H-theme-font-color-white white-space-nowrap">删除</div>
            </div>
        </div>
        <div class="H-qq-item H-vertical-middle H-overflow-hidden">
            <div class="H-flexbox-horizontal H-box-sizing-border-box H-theme-background-color-white H-border-vertical-bottom-after H-clear-both H-padding-horizontal-both-10 H-padding-vertical-both-8 H-touch-active">
                <div style="width:50px;height:50px;"><img src="../../../image/logo.png" class="H-width-100-percent H-height-100-percent H-display-block H-border-radius-circle H-border-both" /></div>
                <div class="H-flex-item H-padding-horizontal-both-10 H-vertical-middle H-overflow-hidden">
                    <div class="H-width-100-percent">
                        <strong class="H-font-weight-normal H-display-block H-font-weight-500 H-font-size-16 H-text-show-row-1">Hui官方</strong>
                        <div class="H-theme-font-color-999 H-font-size-14 H-padding-vertical-top-3 H-text-show-row-1">一切从简，只为了更懒！Hui是新生帝个人开发，版权所有为中山赢友网络科技有限公司，Hui基于最新的HTML5，CSS3，ECMAScript开发，并且是一款非常棒的开源项目。也希望更多开发者能够参与进来，一起完善她，成就她！</div>
                    </div>
                </div>
                <div class="H-font-size-12 H-theme-font-color-999 white-space-nowrap H-text-align-right">
                    <label class="H-display-block">12:30</label>
                    <span class="H-badge H-display-inline-block H-margin-vertical-top-8"><label class="H-display-inline-block H-vertical-middle H-theme-background-color1 H-theme-font-color-white H-font-size-12">24</label></span>
                </div>
            </div>
            <div class="H-qq-menu H-vertical-middle H-position-relative H-overflow-hidden">
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color1 H-display-block H-theme-font-color-white white-space-nowrap">置顶</div>
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color-red H-display-block H-theme-font-color-white white-space-nowrap">删除</div>
            </div>
        </div>
        <div class="H-qq-item H-vertical-middle H-overflow-hidden">
            <div class="H-flexbox-horizontal H-box-sizing-border-box H-theme-background-color-white H-border-vertical-bottom-after H-clear-both H-padding-horizontal-both-10 H-padding-vertical-both-8 H-touch-active">
                <div style="width:50px;height:50px;"><img src="../../../image/logo.png" class="H-width-100-percent H-height-100-percent H-display-block H-border-radius-circle H-border-both" /></div>
                <div class="H-flex-item H-padding-horizontal-both-10 H-vertical-middle H-overflow-hidden">
                    <div class="H-width-100-percent">
                        <strong class="H-font-weight-normal H-display-block H-font-weight-500 H-font-size-16 H-text-show-row-1">Hui官方</strong>
                        <div class="H-theme-font-color-999 H-font-size-14 H-padding-vertical-top-3 H-text-show-row-1">一切从简，只为了更懒！Hui是新生帝个人开发，版权所有为中山赢友网络科技有限公司，Hui基于最新的HTML5，CSS3，ECMAScript开发，并且是一款非常棒的开源项目。也希望更多开发者能够参与进来，一起完善她，成就她！</div>
                    </div>
                </div>
                <div class="H-font-size-12 H-theme-font-color-999 white-space-nowrap H-text-align-right">
                    <label class="H-display-block">12:30</label>
                    <span class="H-badge H-display-inline-block H-margin-vertical-top-8"><label class="H-display-inline-block H-vertical-middle H-theme-background-color1 H-theme-font-color-white H-font-size-12">24</label></span>
                </div>
            </div>
            <div class="H-qq-menu H-vertical-middle H-position-relative H-overflow-hidden">
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color1 H-display-block H-theme-font-color-white white-space-nowrap">置顶</div>
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color-red H-display-block H-theme-font-color-white white-space-nowrap">删除</div>
            </div>
        </div>
        <div class="H-qq-item H-vertical-middle H-overflow-hidden">
            <div class="H-flexbox-horizontal H-box-sizing-border-box H-theme-background-color-white H-border-vertical-bottom-after H-clear-both H-padding-horizontal-both-10 H-padding-vertical-both-8 H-touch-active">
                <div style="width:50px;height:50px;"><img src="../../../image/logo.png" class="H-width-100-percent H-height-100-percent H-display-block H-border-radius-circle H-border-both" /></div>
                <div class="H-flex-item H-padding-horizontal-both-10 H-vertical-middle H-overflow-hidden">
                    <div class="H-width-100-percent">
                        <strong class="H-font-weight-normal H-display-block H-font-weight-500 H-font-size-16 H-text-show-row-1">Hui官方</strong>
                        <div class="H-theme-font-color-999 H-font-size-14 H-padding-vertical-top-3 H-text-show-row-1">一切从简，只为了更懒！Hui是新生帝个人开发，版权所有为中山赢友网络科技有限公司，Hui基于最新的HTML5，CSS3，ECMAScript开发，并且是一款非常棒的开源项目。也希望更多开发者能够参与进来，一起完善她，成就她！</div>
                    </div>
                </div>
                <div class="H-font-size-12 H-theme-font-color-999 white-space-nowrap H-text-align-right">
                    <label class="H-display-block">12:30</label>
                    <span class="H-badge H-display-inline-block H-margin-vertical-top-8"><label class="H-display-inline-block H-vertical-middle H-theme-background-color1 H-theme-font-color-white H-font-size-12">24</label></span>
                </div>
            </div>
            <div class="H-qq-menu H-vertical-middle H-position-relative H-overflow-hidden">
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color1 H-display-block H-theme-font-color-white white-space-nowrap">置顶</div>
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color-red H-display-block H-theme-font-color-white white-space-nowrap">删除</div>
            </div>
        </div>
        <div class="H-qq-item H-vertical-middle H-overflow-hidden">
            <div class="H-flexbox-horizontal H-box-sizing-border-box H-theme-background-color-white H-border-vertical-bottom-after H-clear-both H-padding-horizontal-both-10 H-padding-vertical-both-8 H-touch-active">
                <div style="width:50px;height:50px;"><img src="../../../image/logo.png" class="H-width-100-percent H-height-100-percent H-display-block H-border-radius-circle H-border-both" /></div>
                <div class="H-flex-item H-padding-horizontal-both-10 H-vertical-middle H-overflow-hidden">
                    <div class="H-width-100-percent">
                        <strong class="H-font-weight-normal H-display-block H-font-weight-500 H-font-size-16 H-text-show-row-1">Hui官方</strong>
                        <div class="H-theme-font-color-999 H-font-size-14 H-padding-vertical-top-3 H-text-show-row-1">一切从简，只为了更懒！Hui是新生帝个人开发，版权所有为中山赢友网络科技有限公司，Hui基于最新的HTML5，CSS3，ECMAScript开发，并且是一款非常棒的开源项目。也希望更多开发者能够参与进来，一起完善她，成就她！</div>
                    </div>
                </div>
                <div class="H-font-size-12 H-theme-font-color-999 white-space-nowrap H-text-align-right">
                    <label class="H-display-block">12:30</label>
                    <span class="H-badge H-display-inline-block H-margin-vertical-top-8"><label class="H-display-inline-block H-vertical-middle H-theme-background-color1 H-theme-font-color-white H-font-size-12">24</label></span>
                </div>
            </div>
            <div class="H-qq-menu H-vertical-middle H-position-relative H-overflow-hidden">
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color1 H-display-block H-theme-font-color-white white-space-nowrap">置顶</div>
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color-red H-display-block H-theme-font-color-white white-space-nowrap">删除</div>
            </div>
        </div>
        <div class="H-qq-item H-vertical-middle H-overflow-hidden">
            <div class="H-flexbox-horizontal H-box-sizing-border-box H-theme-background-color-white H-border-vertical-bottom-after H-clear-both H-padding-horizontal-both-10 H-padding-vertical-both-8 H-touch-active">
                <div style="width:50px;height:50px;"><img src="../../../image/logo.png" class="H-width-100-percent H-height-100-percent H-display-block H-border-radius-circle H-border-both" /></div>
                <div class="H-flex-item H-padding-horizontal-both-10 H-vertical-middle H-overflow-hidden">
                    <div class="H-width-100-percent">
                        <strong class="H-font-weight-normal H-display-block H-font-weight-500 H-font-size-16 H-text-show-row-1">Hui官方</strong>
                        <div class="H-theme-font-color-999 H-font-size-14 H-padding-vertical-top-3 H-text-show-row-1">一切从简，只为了更懒！Hui是新生帝个人开发，版权所有为中山赢友网络科技有限公司，Hui基于最新的HTML5，CSS3，ECMAScript开发，并且是一款非常棒的开源项目。也希望更多开发者能够参与进来，一起完善她，成就她！</div>
                    </div>
                </div>
                <div class="H-font-size-12 H-theme-font-color-999 white-space-nowrap H-text-align-right">
                    <label class="H-display-block">12:30</label>
                    <span class="H-badge H-display-inline-block H-margin-vertical-top-8"><label class="H-display-inline-block H-vertical-middle H-theme-background-color1 H-theme-font-color-white H-font-size-12">24</label></span>
                </div>
            </div>
            <div class="H-qq-menu H-vertical-middle H-position-relative H-overflow-hidden">
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color1 H-display-block H-theme-font-color-white white-space-nowrap">置顶</div>
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color-red H-display-block H-theme-font-color-white white-space-nowrap">删除</div>
            </div>
        </div>
        <div class="H-qq-item H-vertical-middle H-overflow-hidden">
            <div class="H-flexbox-horizontal H-box-sizing-border-box H-theme-background-color-white H-border-vertical-bottom-after H-clear-both H-padding-horizontal-both-10 H-padding-vertical-both-8 H-touch-active">
                <div style="width:50px;height:50px;"><img src="../../../image/logo.png" class="H-width-100-percent H-height-100-percent H-display-block H-border-radius-circle H-border-both" /></div>
                <div class="H-flex-item H-padding-horizontal-both-10 H-vertical-middle H-overflow-hidden">
                    <div class="H-width-100-percent">
                        <strong class="H-font-weight-normal H-display-block H-font-weight-500 H-font-size-16 H-text-show-row-1">Hui官方</strong>
                        <div class="H-theme-font-color-999 H-font-size-14 H-padding-vertical-top-3 H-text-show-row-1">一切从简，只为了更懒！Hui是新生帝个人开发，版权所有为中山赢友网络科技有限公司，Hui基于最新的HTML5，CSS3，ECMAScript开发，并且是一款非常棒的开源项目。也希望更多开发者能够参与进来，一起完善她，成就她！</div>
                    </div>
                </div>
                <div class="H-font-size-12 H-theme-font-color-999 white-space-nowrap H-text-align-right">
                    <label class="H-display-block">12:30</label>
                    <span class="H-badge H-display-inline-block H-margin-vertical-top-8"><label class="H-display-inline-block H-vertical-middle H-theme-background-color1 H-theme-font-color-white H-font-size-12">24</label></span>
                </div>
            </div>
            <div class="H-qq-menu H-vertical-middle H-position-relative H-overflow-hidden">
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color1 H-display-block H-theme-font-color-white white-space-nowrap">置顶</div>
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color-red H-display-block H-theme-font-color-white white-space-nowrap">删除</div>
            </div>
        </div>
        <div class="H-qq-item H-vertical-middle H-overflow-hidden">
            <div class="H-flexbox-horizontal H-box-sizing-border-box H-theme-background-color-white H-border-vertical-bottom-after H-clear-both H-padding-horizontal-both-10 H-padding-vertical-both-8 H-touch-active">
                <div style="width:50px;height:50px;"><img src="../../../image/logo.png" class="H-width-100-percent H-height-100-percent H-display-block H-border-radius-circle H-border-both" /></div>
                <div class="H-flex-item H-padding-horizontal-both-10 H-vertical-middle H-overflow-hidden">
                    <div class="H-width-100-percent">
                        <strong class="H-font-weight-normal H-display-block H-font-weight-500 H-font-size-16 H-text-show-row-1">Hui官方</strong>
                        <div class="H-theme-font-color-999 H-font-size-14 H-padding-vertical-top-3 H-text-show-row-1">一切从简，只为了更懒！Hui是新生帝个人开发，版权所有为中山赢友网络科技有限公司，Hui基于最新的HTML5，CSS3，ECMAScript开发，并且是一款非常棒的开源项目。也希望更多开发者能够参与进来，一起完善她，成就她！</div>
                    </div>
                </div>
                <div class="H-font-size-12 H-theme-font-color-999 white-space-nowrap H-text-align-right">
                    <label class="H-display-block">12:30</label>
                    <span class="H-badge H-display-inline-block H-margin-vertical-top-8"><label class="H-display-inline-block H-vertical-middle H-theme-background-color1 H-theme-font-color-white H-font-size-12">24</label></span>
                </div>
            </div>
            <div class="H-qq-menu H-vertical-middle H-position-relative H-overflow-hidden">
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color1 H-display-block H-theme-font-color-white white-space-nowrap">置顶</div>
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color-red H-display-block H-theme-font-color-white white-space-nowrap">删除</div>
            </div>
        </div>
        <div class="H-qq-item H-vertical-middle H-overflow-hidden">
            <div class="H-flexbox-horizontal H-box-sizing-border-box H-theme-background-color-white H-border-vertical-bottom-after H-clear-both H-padding-horizontal-both-10 H-padding-vertical-both-8 H-touch-active">
                <div style="width:50px;height:50px;"><img src="../../../image/logo.png" class="H-width-100-percent H-height-100-percent H-display-block H-border-radius-circle H-border-both" /></div>
                <div class="H-flex-item H-padding-horizontal-both-10 H-vertical-middle H-overflow-hidden">
                    <div class="H-width-100-percent">
                        <strong class="H-font-weight-normal H-display-block H-font-weight-500 H-font-size-16 H-text-show-row-1">Hui官方</strong>
                        <div class="H-theme-font-color-999 H-font-size-14 H-padding-vertical-top-3 H-text-show-row-1">一切从简，只为了更懒！Hui是新生帝个人开发，版权所有为中山赢友网络科技有限公司，Hui基于最新的HTML5，CSS3，ECMAScript开发，并且是一款非常棒的开源项目。也希望更多开发者能够参与进来，一起完善她，成就她！</div>
                    </div>
                </div>
                <div class="H-font-size-12 H-theme-font-color-999 white-space-nowrap H-text-align-right">
                    <label class="H-display-block">12:30</label>
                    <span class="H-badge H-display-inline-block H-margin-vertical-top-8"><label class="H-display-inline-block H-vertical-middle H-theme-background-color1 H-theme-font-color-white H-font-size-12">24</label></span>
                </div>
            </div>
            <div class="H-qq-menu H-vertical-middle H-position-relative H-overflow-hidden">
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color1 H-display-block H-theme-font-color-white white-space-nowrap">置顶</div>
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color-red H-display-block H-theme-font-color-white white-space-nowrap">删除</div>
            </div>
        </div>
        <div class="H-qq-item H-vertical-middle H-overflow-hidden">
            <div class="H-flexbox-horizontal H-box-sizing-border-box H-theme-background-color-white H-border-vertical-bottom-after H-clear-both H-padding-horizontal-both-10 H-padding-vertical-both-8 H-touch-active">
                <div style="width:50px;height:50px;"><img src="../../../image/logo.png" class="H-width-100-percent H-height-100-percent H-display-block H-border-radius-circle H-border-both" /></div>
                <div class="H-flex-item H-padding-horizontal-both-10 H-vertical-middle H-overflow-hidden">
                    <div class="H-width-100-percent">
                        <strong class="H-font-weight-normal H-display-block H-font-weight-500 H-font-size-16 H-text-show-row-1">Hui官方</strong>
                        <div class="H-theme-font-color-999 H-font-size-14 H-padding-vertical-top-3 H-text-show-row-1">一切从简，只为了更懒！Hui是新生帝个人开发，版权所有为中山赢友网络科技有限公司，Hui基于最新的HTML5，CSS3，ECMAScript开发，并且是一款非常棒的开源项目。也希望更多开发者能够参与进来，一起完善她，成就她！</div>
                    </div>
                </div>
                <div class="H-font-size-12 H-theme-font-color-999 white-space-nowrap H-text-align-right">
                    <label class="H-display-block">12:30</label>
                    <span class="H-badge H-display-inline-block H-margin-vertical-top-8"><label class="H-display-inline-block H-vertical-middle H-theme-background-color1 H-theme-font-color-white H-font-size-12">24</label></span>
                </div>
            </div>
            <div class="H-qq-menu H-vertical-middle H-position-relative H-overflow-hidden">
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color1 H-display-block H-theme-font-color-white white-space-nowrap">置顶</div>
                <div class="H-font-size-16 H-padding-horizontal-both-20 H-theme-background-color-red H-display-block H-theme-font-color-white white-space-nowrap">删除</div>
            </div>
        </div>
    </div>
    <script src="../../../script/H.js" type="text/javascript"></script>
    <script type="text/javascript">

        H.D("#ser").addEventListener("touchend", function (e) {
            this.style.cssText = "display:none;";
            H.D(".btn").removeAttribute("style");
            H.D("#ipt").setAttribute("placeholder", "请输入关键字");
        });

        H.D(".btn").addEventListener("touchend", function (e) {
            this.style.cssText = "display:none;";
            H.D("#ipt").setAttribute("placeholder", "");
            H.D("#ser").removeAttribute("style");
        });

        //################## 侧滑全部代码
        //返回角度
        function GetSlideAngle(dx, dy) {
            return Math.atan2(dy, dx) * 180 / Math.PI;
        }

        //根据起点和终点返回方向 1：向上，2：向下，3：向左，4：向右,0：未滑动
        function GetSlideDirection(startX, startY, endX, endY) {
            var dy = startY - endY;
            var dx = endX - startX;
            var result = 0;

            //如果滑动距离太短
            if (Math.abs(dx) < 2 && Math.abs(dy) < 2) {
                return result;
            }

            var angle = GetSlideAngle(dx, dy);
            if (angle >= -45 && angle < 45) {
                result = 4;
            } else if (angle >= 45 && angle < 135) {
                result = 1;
            } else if (angle >= -135 && angle < -45) {
                result = 2;
            }
            else if ((angle >= 135 && angle <= 180) || (angle >= -180 && angle < -135)) {
                result = 3;
            }

            return result;
        }

        var _startX = 0;
        var _startY = 0;
        var scrollHeight = 0;
        var scrollWidth = 0;
        var currentRange = 0;
        var parentEle = null;
        var direction = 1;

        // 设置侧滑动画
        function setScroll(parentElement, value, time) {
            parentElement.firstElementChild.style.cssText = "-webkit-transition: transform " + time + "s;-webkit-transform:translateX(" + value + "px);";
            parentElement.lastElementChild.style.cssText = "-webkit-transition: transform " + time + "s;-webkit-transform:translateX(" + value + "px);";
        }

        // 触摸开始
        window.addEventListener("touchstart", function (event) {
            if (event.targetTouches.length == 1) {
                var touch = event.targetTouches[0];
                parentEle = H.getParents(event.target, "H-qq-item");
                if (H.isElement(parentEle)) {

                    // 其他兄弟隐藏
                    var siblings = H.siblings(parentEle);
                    for (var i = 0; i < siblings.length; i++) {
                        var _siblingObj = siblings[i];
                        setScroll(_siblingObj, 0, 0);
                    }

                    scrollHeight = parentEle.firstElementChild.clientHeight;
                    scrollWidth = H.D(".H-qq-menu", parentEle).clientWidth;

                    for (var i = 0; i < parentEle.lastElementChild.childNodes.length; i++) {
                        var child = parentEle.lastElementChild.childNodes[i];
                        if (H.isElement(child)) {
                            child.style.cssText = "height:" + scrollHeight + "px;line-height:" + scrollHeight + "px;";
                        }
                    }

                    currentRange = Number(parentEle.firstElementChild.style.WebkitTransform.replace(/translateX\(/g, "").replace(/px\)/g, ""));
                    _startX = touch.pageX;
                    _startY = touch.pageY;
                }
            }
        }, false);
        // 触摸过程
        window.addEventListener("touchmove", function (event) {
            if (event.targetTouches.length == 1) {
                var touch = event.targetTouches[0];
                direction = GetSlideDirection(_startX, _startY, touch.pageX, touch.pageY);
                if (direction == 3 || direction == 4) {
                    event.preventDefault();
                    if (H.isElement(parentEle)) {
                        var range = touch.pageX - _startX;
                        if (range <= 0) {
                            if (range - currentRange >= -scrollWidth && range - currentRange <= 0) {
                                setScroll(parentEle, (range - currentRange), 0);
                            }
                        }
                        else {
                            if (range + currentRange <= 0) {
                                setScroll(parentEle, (range + currentRange), 0);
                            }
                        }
                    }
                }
            }
        }, false);
        // 触摸接触
        window.addEventListener("touchend", function (event) {
            var touch = event.targetTouches[0];
            if (H.isElement(parentEle)) {
                currentRange = Number(parentEle.firstElementChild.style.WebkitTransform.replace(/translateX\(/g, "").replace(/px\)/g, ""));
                if (direction == 3 && (currentRange < 0)) {
                    setScroll(parentEle, -scrollWidth, 0.4);
                }
                else if (direction == 4 && currentRange < 80) {
                    setScroll(parentEle, 0, 0.4);
                }
                else {
                    setScroll(parentEle, 0, 0.4);
                }
            }
        }, false);
        // 点击
        window.addEventListener("click", function (event) {
            var parentEle = H.getParents(event.target, "H-qq-item");
            if (H.isElement(parentEle)) {
                setScroll(parentEle, 0, 0.4);
            }
        }, false);
    </script>
</body>
</html>